import React from 'react';
import imgtb1 from '../img/tb1.jpg'
import imgtb2 from '../img/tb2.jpg'
import imgtb3 from '../img/tb3.jpg'
import imgtb4 from '../img/tb4.gif'
import imgtb5 from '../img/tb5.gif'
import imgtb6 from '../img/tb6.gif'
import imgtb7 from '../img/tb7.gif'
import imgtb8 from '../img/tb8.gif'
import imgtb9 from '../img/tb9.gif'
import imgtb10 from '../img/tb10.gif'
class Top extends React.Component {
	constructor(props) {
		super(props)
	}
	
	render() {
		return(
			<div>
				<div id="top">			
					<span className="iconfont icon-fangdajing ss"></span>
					<input className="sec-esf" type="text" placeholder="搜索饿了么商家，商品名称" />
				</div>
				<div className="nav-tb">
					<p><b><img src={imgtb1}/></b><span>美食</span></p>
					<p><b><img src={imgtb2}/></b><span>晚餐</span></p>
					<p><b><img src={imgtb3}/></b><span>商超便利</span></p>
					<p><b><img src={imgtb4}/></b><span>水果</span></p>
					<p><b><img src={imgtb5}/></b><span>医药健康</span></p>
					<p><b><img src={imgtb6}/></b><span>浪漫鲜花</span></p>
					<p><b><img src={imgtb7}/></b><span>厨房生鲜</span></p>
					<p><b><img src={imgtb8}/></b><span>跑腿代购</span></p>
					<p><b><img src={imgtb9}/></b><span>地方小吃</span></p>
					<p><b><img src={imgtb10}/></b><span>麻辣烫</span></p>
				</div>
			</div>
		)

	}
}
export default Top;